.invoice-page{
  height: 100%;
   background-color: #f6f7f8;
  .group-head{
    padding: .2rem;
    span{
      padding: 0 .2rem;
      height: .6rem;
      line-height: .6rem;
      text-align: center;
      border: 1px solid #ad1016;
      font-size: .24rem;
      &:first-child {
        border-radius: 6px 0 0 6px;
      }
      &:last-child {
        border-radius: 0 6px 6px 0;
      }
      &.active{
        color: #fff;
        background-color: #ad1016;
      }
    }
  }
  .tit{
    height: .7rem;
    line-height: .7rem;
    padding: 0 .3rem;
    font-size: .26rem;
  }
  .item{
    height: .9rem;
    line-height: .9rem;
    padding: 0 .3rem 0 .32rem;
    background-color: #fff;
    font-size: .26rem;
    span{
      display: inline-block;
      width: 2.1rem;
      color: #999;
    }
    input{
      color: #333;
    }
  }
  .tips{
    margin-top: .2rem;
    padding: 0 .3rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #999;
  }
  .ok{
      width: 90%;
      margin:.36rem auto ;
      background-color: #ad1016;
      color: #fff;
  }

  .invoice-content{
    margin: 0px .1rem;
    padding-bottom: .3rem;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    .item{
      color: #333;
      &:first-child{
        color: #666;
        margin-bottom: .3rem;
      }
      .icon{
        float: right;
        font-size: .36rem;
      }
    }
    .border-bottom {
      border-bottom: 1px #cecece solid;
    }
  }
  .font-red{
     color: #ad1016;
  }
}
